<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no" />
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes' />
		<meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black' />
		<!--<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>-->
		<link rel="stylesheet" type="text/css" href="css2/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css2/css2.css"/>
		<title></title>
	</head>
	<body>
		
		<div class="box-1">
			<div class="daohang-1">
				<img src="img1/zhuangtai.png">
		</div>
		<nav>
			<ul class="swiper-wrapper">
				<li class="swiper-slide"><span>热门</span></li>
				<li class="swiper-slide"><span>关注</span></li>
			</ul>
		</nav>
			<main>
				<div>
					<div class="tab">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="swiper-container lb">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="img2/IMG_4699_07.png">
							</div>
							<div class="swiper-slide">
								<img src="img2/IMG_4699_07.png">
							</div>
							<div class="swiper-slide">
								<img src="img2/IMG_4699_07.png">
							</div>
						</div>
					</div>
					<div class="zhuti-1" >
						<div>
							<img src="img2/IMG_4699_10.png">
							<p>珍珠配饰</p>
						</div>
						<div>
							<img src="img2/IMG_4699_12.png">
							<p>签到</p>
						</div>
						<div>
							<img src="img2/IMG_4699_14.png">
							<p>大转盘</p>
						</div>
						<div>
							<img src="img2/IMG_4699_16.png">
							<p>积分兑换</p>
						</div>
						<div>
							<img src="img2/IMG_4699_22.png">
							<p>今日特选</p>
						</div>
						<div>
							<img src="img2/IMG_4699_23.png">
							<p>热门活动</p>
						</div>
						<div>
							<img src="img2/IMG_4699_24.png">
							<p>崖柏二手</p>
						</div>
						<div>
							<img src="img2/IMG_4699_25.png">
							<p>鉴宝</p>
						</div>
					</div>
					<div class="zhuti-2">
				<div class="a2-1">
					<div class="zhong-1">
						<div class="zuo-1">
							<h1>精选专区</h1><br />
							<h3>更多好货</h3>
						</div>
						<div class="you-1">
							<img src="img1/jingpin.png">
						</div>
					</div>
				</div>
				<div class="a2-2">
					<div class="zhong-1">
						<div class="zuo-1">
							<h1>有尖儿货</h1><br />
							<h3>实力精品</h3>
						</div>
						<div class="you-1">
							<img src="img1/jianhuo.png">
						</div>
					</div>
				</div>
				<div class="a2-1">
					<div class="zhong-1">
						<div class="zuo-1">
							<h1>全场69</h1><br />
							<h3>百元内精条细选</h3>
						</div>
						<div class="you-1">
							<img src="img1/laowantong.png">
						</div>
					</div>
				</div>
				<div class="a2-2">
					<div class="zhong-1">
						<div class="zuo-1">
							<h1>禅意置物</h1><br />
							<h3>0元起拍，一锤定音</h3>
						</div>
						<div class="you-1">
							<img src="img1/youxuan.png">
						</div>
					</div>
				</div>
				<div class="a2-1">
					<div class="zhong-1">
						<div class="zuo-1">
							<h1>全场69</h1><br />
							<h3>百元内精条细选</h3>
						</div>
						<div class="you-1">
							<img src="img1/laowantong.png">
						</div>
					</div>
				</div>
				<div class="a2-2">
					<div class="zhong-1">
						<div class="zuo-1">
							<h1>禅意置物</h1><br />
							<h3>0元起拍，一锤定音</h3>
						</div>
						<div class="you-1">
							<img src="img1/youxuan.png">
						</div>
					</div>
				</div>
				</div>
				
				
				<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_07.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_24.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>

			</div>
		
				<div class="swiper-slide">
					<ul class="sul" style="margin-top: 1rem;">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_07.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_26.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_28.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_24.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_07.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
				</div>
			</div>
		</div>
				</div>
			</main>
		</div>
		
		
		
		<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular-route1.4.5.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var swiper=new Swiper(".lb",{
				autoplay:1000
			})
			var nav=new Swiper("nav",{
			slidesPerView:2,
			onTap:function(){
				var index=nav.clickedIndex;
				tab.slideTo(index);
				$("nav li").eq(index).addClass("active").siblings().removeClass("active")
			}
			})
			var tab=new Swiper(".tab",{
				
			})
			var is=new IScroll("main")
		</script>
	</body>
</html>
